*
{
margin:0;
padding:0;
}

a
{
text-decoration:none;
color:blue;
}

a:hover
{
text-decoration:underline;
}

a img
{
border: none;
}

ul
{
list-style:none;
}

.clear
{
clear:both;
}

body
{
font-family:tahoma, georgia, helvetica, arial, sans-serif;
font-size:62.5%;
line-height: 1.5em;
background:#d2d2d2 ;
}

#page-wrap
{
width:770px;
margin:0 auto;
background:url(../images/User/body-bg-mid.png) repeat-y;
}

/****HEADER****/

#header
{
width:770px;
height:353px;
background: url(../images/User/body-bg-top.png) no-repeat;
position:relative;
}

#top-page
{
position:absolute;
top: 22px;
width: 706px;
height:29px;
margin: 0px 30px;
background: url(../images/User/title-bg.png) repeat-x;
}

ul#top-nav
{
position:absolute;
right:10px;
margin: 7px;
}

ul#top-nav li
{
display: inline;
margin-left:10px;
}

ul#top-nav li a
{
padding: 0px 10px;
font-size:1.1em;
color: #999898;
background: url(../images/User/top-arrow.png) no-repeat 0 50%;
}

ul#top-nav li a:hover
{
text-decoration:none;
color:#85b2de;
background: url(../images/User/top-arrow-hover.png) no-repeat 0 50%;
}

#banner
{
position:absolute;
top:51px;
left:17px;
width: 733px;
height:309px;
background: url(../images/User/banner.png) no-repeat;
}

ul#main-nav
{
position:absolute;
top: 135px;
left:35px;
}

ul#main-nav li
{
height:27px;
background:url(../images/User/main-menu-line.png) no-repeat bottom;
}

ul#main-nav li:last-child
{
background:none;
}

ul#main-nav li a
{
display: block;
padding: 6px 45px 5px 60px;
font-size:1.4em;
color:#515151;
background: url(../images/User/sun-icon.png) no-repeat;
}

ul#main-nav li a:hover
{
padding:6px 21px 5px 70px;
font-weight:bold;
color: orange;
text-decoration:none;
background: url(../images/User/sun-icon-hover.png) no-repeat;
}

/**** MAIN CONTENT****/
#main-content
{
width:770px;
overflow:auto;
}

#left
{
width:251px;
margin-left:17px;
float:left;
background: url(../images/User/left-content-bg-mid.png) repeat-y;
}

#primary
{
width:482px;
float:left;
background: url(../images/User/right-content-bg-mid.png) repeat-y;
}

#big-content
{
width: 733px;
margin-left:17px;
float:left;
background: url(../images/User/big-content-bg-mid.png) repeat-y;
}

/****LEFT****/

#left #left-header
{
height:13px;
background:url(../images/User/left-content-bg-top.png) no-repeat;
background-position:top center;
}

#left #left-footer
{
height:18px;
background: url(../images/User/left-content-bg-bot.png) no-repeat;
background-position:bottom;
}

#left #winner .big-title
{
width:210px;
height:29px;
margin-left:18px;
padding:7px 0px 0px 14px;
font-size:14px;
font-weight:bold;
color: #60778f;
background: url(../images/User/title-bg.png) repeat-x;
}

#left #winner .content
{
width: 224px;
margin-left:18px;
font-size:14px;
}

#left #winner .content #comp-name
{
padding: 15px 10px 5px 10px;
font-size: 14px;
font-weight:bold;
text-align:center;
}

#left #winner .content .number
{
float:left;
margin-left:4px;
padding: 15px;
background:url(../images/User/winner-separator.PNG) repeat-y;
background-position:right;
}

#left #winner .content .name
{
padding: 15px 0px 15px 50px;
background:url(../images/User/main-menu-line.png) no-repeat;
background-position: bottom;
}

#left #winner .content .name a
{
color:#333333;
}

#left #winner .content .name a:hover
{
font-weight:bold;
text-decoration:none;
color:orange;
}

#left #winner .content #first
{
background: url(../images/User/cup.png) no-repeat;
background-position:right;
}

#left #winner .content #third .name
{
background: none;
}

/****PRIMARY****/

#primary #primary-header
{
height:13px;
background:url(../images/User/right-content-bg-top.png) no-repeat;
background-position:top center;
}

#primary #primary-footer
{
height:18px;
background: url(../images/User/right-content-bg-bot.png) no-repeat;
background-position:bottom;
}

#primary #seminar .big-title
{
width:439px;
height:29px;
margin-left:10px;
padding:7px 0px 0px 14px;
font-size:14px;
font-weight:bold;
color: #60778f;
background: url(../images/User/title-bg.png) repeat-x;
}

#primary #seminar .content
{
width: 453px;
margin:5px 0px 10px 10px;
font-size:11px;
}

#primary #seminar .content .image
{
float:left;
margin:0px 10px ;
}

#primary #seminar .content img
{
width:166px;
min-height:100px;
padding:1px;
margin:0px;
background:#e1e1e1;
}

#primary #seminar .content .title a
{
padding:5px 0px;
font-weight:bold;
color: #333333;
}

#primary #seminar .content .title a:hover
{
text-decoration:none;
color: #ff8400;
}

#primary #seminar .content p
{
margin:10px 0px;
padding-right:10px;
text-align:justify;
}

#primary #seminar .content .read-more
{
text-align:right;
}

#primary #seminar .content .read-more a
{
padding:10px;
}

#primary #seminar .content .read-more a:hover
{
text-decoration:none;
font-weight:bold;
color:#ff8400;
}

#primary #survey
{
width:232px;
margin:5px 0px 10px 4px;
float:left;
}

#primary #survey .content
{
background: url(../images/User/sur-com-sep.png) no-repeat;
background-position:right center;
}

#primary #competition
{
width:232px;
margin:5px 14px 10px 0px;
float:right;
}


#primary .big-title
{
width:210px;
height:29px;
margin:0px 0px 0px 6px;
padding:7px 0px 0px 10px;
font-size:14px;
font-weight:bold;
color: #60778f;
background: url(../images/User/title-bg.png) repeat-x;
}

#primary .content
{
font-size: 11px;
}

#primary .content img
{
margin:0px 26px;
}

#primary .content .post-wrapper
{
padding:5px 0px 1px 0px;
background: url(../images/User/survey-separator.png) no-repeat;
background-position: bottom center;
}

#primary .content .post
{
margin:0px 26px;
}

#primary .content .post a
{
font-weight:bold;
color: #333333;
}

#primary .content .post a:hover
{
text-decoration:none;
color: #ff8400;
}

#primary .content .date
{
margin: 5px 0px 5px 26px;
color:#333333;
}

#primary .content .date p
{
font-weight:bold;
color: gray;
float:left;
}

#primary .content .join
{
margin: 0px 26px 10px 0px;
text-align:right;
}

#primary .content .join a
{
padding:5px;
}

#primary .content .join a:hover
{
text-decoration:none;
font-weight:bold;
color:#ff8400;
}

/********DISPLAY-ALL *******/

#primary .display-all .big-title
{
width:439px;
height:29px;
margin-left:10px;
padding:7px 0px 0px 14px;
font-size:14px;
font-weight:bold;
color: #60778f;
background: url(../images/User/title-bg.png) repeat-x;
}

#primary .display-all .content
{
width: 453px;
margin:5px 0px 10px 10px;
font-size:11px;
}

#primary .display-all .content .image
{
float:left;
margin:0px 10px ;
}

#primary .display-all .content img
{
width:166px;
min-height:100px;
padding:1px;
margin:0px;
background:#e1e1e1;
}

#primary .display-all .content .title a
{
padding:5px 0px;
font-weight:bold;
color: #333333;
}

#primary .display-all .content .title a:hover
{
text-decoration:none;
color: #ff8400;
}

#primary .display-all .content p
{
margin:10px 0px;
padding-right:10px;
text-align:justify;
}

#primary .display-all .content .read-more
{
text-align:right;
}

#primary .display-all .content .read-more a
{
padding:10px;
}

#primary .display-all .content .read-more a:hover
{
text-decoration:none;
font-weight:bold;
color:#ff8400;
}

/*****DISPLAY-ALL-NO-IMG*******/

#primary .display-all-no-img .big-title
{
width:439px;
height:29px;
margin-left:10px;
padding:7px 0px 0px 14px;
font-size:14px;
font-weight:bold;
color: #60778f;
background: url(../images/User/title-bg.png) repeat-x;
}

#primary .display-all-no-img .content
{
width: 423px;
margin:5px 0px 10px 25px;
font-size:11px;
}

#primary .display-all-no-img .content .title a
{
padding:5px 0px;
font-weight:bold;
color: #333333;
}

#primary .display-all-no-img .content .title a:hover
{
text-decoration:none;
color: #ff8400;
}

#primary .display-all-no-img .content p
{
margin:10px 0px;
padding-right:10px;
text-align:justify;
}

#primary .display-all-no-img .content .date
{
margin: 0px;
color:#333333;
}

#primary .display-all-no-img .content .date p
{
margin:0px;
padding:0px;
font-weight:bold;
color: gray;
float:left;
}

#primary .display-all-no-img .content .read-more
{
text-align:right;
}

#primary .display-all-no-img .content .read-more a
{
padding:10px;
}

#primary .display-all-no-img .content .read-more a:hover
{
text-decoration:none;
font-weight:bold;
color:#ff8400;
}

/****BIG-CONTENT****/

#big-content #big-content-header
{
height:13px;
background:url(../images/User/big-content-bg-top.png) no-repeat;
background-position:top center;
}

#big-content #big-content-footer
{
height:18px;
background: url(../images/User/big-content-bg-bot.png) no-repeat;
background-position:bottom;
}

#big-content .big-title
{
width:677px;
height:29px;
margin-left:20px;
padding:7px 0px 0px 14px;
font-size:14px;
font-weight:bold;
color: #60778f;
background: url(../images/User/title-bg.png) repeat-x;
}

/******BIG-CONTENT-WITH-IMG*******/

#big-content .big-content-body .image
{
float:left;
margin:0px 10px 10px 33px ;
}

#big-content .big-content-body  img
{
width:166px;
padding:1px;
margin:0px;
background:#e1e1e1;
}

#big-content .big-content-body .content-top
{
width: 495px;
margin:5px 0px 10px 213px;
font-size:11px;\
}

#big-content .big-content-body .content-top .title a
{
padding:5px 0px;
font-weight:bold;
color: #333333;
}

#big-content .big-content-body .content-top .title a:hover
{
text-decoration:none;
color: #ff8400;
}

#big-content .big-content-body .content-top p
{
margin:10px 0px;
padding-right:10px;
text-align:justify;
}

#big-content .big-content-body .content-top .conduct, #big-content .big-content-body .content-top .date
{
margin-top:10px
}

#big-content .big-content-body .content-top .conduct p, #big-content .big-content-body .content-top .date p
{
margin:0px;
padding:0px;
float:left;
font-weight:bold;
color: gray;
}

#big-content .big-content-body .content
{
width:655px;
font-size:13px;
margin: 10px 0px 10px 40px;
text-align:justify;
}

/********BIG-CONTENT-NO-IMG*********/

#big-content .big-content-body-no-img .content-top
{
width: 653px;
margin:5px 0px 10px 40px;
font-size:11px;
}

#big-content .big-content-body-no-img .content-top .title
{
font-size:13px;
}

#big-content .big-content-body-no-img .content-top .title a
{
padding:5px 0px;
font-weight:bold;
color: #333333;
text-align:center;
}

#big-content .big-content-body-no-img .content-top .title a:hover
{
text-decoration:none;
color: #ff8400;
}

#big-content .big-content-body-no-img .content-top p
{
margin:10px 0px;
padding-right:10px;
font-size:13px;
text-align:justify;
}

#big-content .big-content-body-no-img .content-top .date
{
margin-top:10px
}

#big-content .big-content-body-no-img .content-top .date p
{
margin:0px;
padding:0px;
float:left;
font-size:11px;
font-weight:bold;
color: gray;
}


#big-content .big-content-body-no-img .content
{
width:655px;
font-size:13px;
margin: 10px 0px 10px 40px;
text-align:justify;
}

/****FOOTER****/

#footer-wrap
{
height:80px;
background:url(../images/User/body-bg-bot.png) no-repeat;
background-position:bottom left;
}

#footer
{
width:706px;
height:51px;
margin-left:30px;
font-size:11px;
background: url(../images/User/footer-bg.png) repeat-x;
}

#footer #copyright
{
padding:10px 0px 2px 0px;
text-align:center;
color:#8a8888;
}

#footer #nav
{
text-align:center;
color: #333333;
}

/**** SIGN IN ****/
div.ui-dialog
{
background: url(../images/User/login-bg.png) no-repeat;
z-index: 1001;
}

#text {
float:left;
}

#login-form #title
{
width:240px;
height:29px;
text-align:center;
margin:-5px 0px 5px 10px;
padding: 7px 0px 0px 40px;
font-weight:bold;
font-size:12px;
background: url(../images/User/title-bg.png) repeat-x;
}

#login-form #text p{
color: #333333;
font-size: 11px;
font-weight:bold;
padding:5px 5px 8px 42px;
text-align:left;
}

#box input{
margin-bottom: 4px;
padding-left:5px;
width: 143px;
height: 25px;
border:0px;
background: url(../images/User/login-input.png) no-repeat;
}

#check .box input{
float:left;
margin:10px 0px 4px 35px;
}

#check .text{
padding: 8px 10px 5px 10px;
float:left;
color:gray;
font-size: 13px;
}

#check .text a{
padding: 5px;
}

#check .text a:hover{
font-weight:bold;
color:orange;
text-decoration:none;
}

#check .but input{
width: 63px;
height:25px;
border:0;
margin: 5px 0px 10px 120px;
background:url(../images/User/login-button.png) no-repeat;
cursor:pointer;
}

#check .but input:hover{
background:url(../images/User/login-button-hover.png) no-repeat;
}

#login-blur
{
position: fixed;
top: 0;left: 0;
background:url(../images/User/signin-bg.png);
width: 100%;height: 100%;
display: none;
z-index: 1000;
}

span.ui-icon-closethick
{
margin:14px;
width:21px;
height:20px;
background: url(../images/User/close-but.png) no-repeat;
float: right;
text-indent:-99999px;
}indent:-99999px;
}no-repeat;
float: right;
text-indent:-99999px;
}999px;
}no-repeat;
float: right;
text-indent:-99999px;
} 5px 0px 5px 26px;
color:#333333;
}

#primary .content .date p
{
font-weight:bold;
color: gray;
float:left;
}

#primary .content .join
{
margin: 0px 26px 10px 0px;
text-align:right;
}

#primary .content .join a
{
padding:5px;
}

#primary .content .join a:hover
{
text-decoration:none;
font-weight:bold;
color:#ff8400;
}

/****FOOTER****/

#footer-wrap
{
height:80px;
background:url(../images/User/body-bg-bot.png) no-repeat;
background-position:bottom left;
}

#footer
{
width:706px;
height:51px;
margin-left:30px;
font-size:11px;
background: url(../images/User/footer-bg.png) repeat-x;
}

#footer #copyright
{
padding:10px 0px 2px 0px;
text-align:center;
color:#8a8888;
}

#footer #nav
{
text-align:center;
color: #333333;
}

/**** SIGN IN ****/
div.ui-dialog
{
background: url(../images/User/login-bg.png) no-repeat;
z-index: 1001;
}

#text {
float:left;
}

#login-form #title
{
width:240px;
height:29px;
text-align:center;
margin:-5px 0px 5px 10px;
padding: 7px 0px 0px 40px;
font-weight:bold;
font-size:12px;
background: url(../images/User/title-bg.png) repeat-x;
}

#login-form #text p{
color: #333333;
font-size: 11px;
font-weight:bold;
padding:5px 5px 8px 42px;
text-align:left;
}

#box input{
margin-bottom: 4px;
padding-left:5px;
width: 143px;
height: 25px;
border:0px;
background: url(../images/User/login-input.png) no-repeat;
}

#check .box input{
float:left;
margin:10px 0px 4px 35px;
}

#check .text{
padding: 8px 10px 5px 10px;
float:left;
color:gray;
font-size: 13px;
}

#check .text a{
padding: 5px;
}

#check .text a:hover{
font-weight:bold;
color:orange;
text-decoration:none;
}

#check .but input{
width: 63px;
height:25px;
border:0;
margin: 5px 0px 10px 120px;
background:url(../images/User/login-button.png) no-repeat;
cursor:pointer;
}

#check .but input:hover{
background:url(../images/User/login-button-hover.png) no-repeat;
}

#login-blur
{
position: fixed;
top: 0;left: 0;
background:url(../images/User/signin-bg.png);
width: 100%;height: 100%;
display: none;
z-index: 1000;
}

span.ui-icon-closethick
{
margin:14px;
width:21px;
height:20px;
background: url(../images/User/close-but.png) no-repeat;
float: right;
text-indent:-99999px;
}indent:-99999px;
}no-repeat;
float: right;
text-indent:-99999px;
}999px;
}no-repeat;
float: right;
text-indent:-99999px;
}
}indent:-99999px;
}no-repeat;
float: right;
text-indent:-99999px;
}999px;
}no-repeat;
float: right;
text-indent:-99999px;
}right;
text-indent:-99999px;
}